﻿<ng-include src="'./includes/header.html'"></ng-include>

<div class="account-container stacked">
	<div class="content clearfix">
		<form role="form">
			<h1>{{ 'CONNECTION' | i18n }}</h1>		
			<div class="login-fields">
				<p>{{ 'CONNECTWITHCREDENTIALS' | i18n }}</p>
				<div class="field">
					<label for="username">{{ 'LOGIN' | i18n }}:</label>
					<input type="text" id="username" name="username" value="" placeholder="Username" class="login username-field" data-ng-model="user.login" />
				</div> <!-- /field -->
				<div class="field">
					<label for="password">{{ 'PASSWORD' | i18n }}:</label>
					<input type="password" id="password" name="password" value="" placeholder="Password" class="login password-field" data-ng-model="user.password"/>
				</div> <!-- /password -->
			</div> <!-- /login-fields -->
			
			<div class="login-actions">					
				<button class="button btn btn-warning btn-large" data-ng-click="vm.login()">{{ 'LOGIN' | i18n }}</button>
			</div> <!-- .actions -->
		</form>
	</div> <!-- /content -->
</div> <!-- /account-container -->
